<div class="tab-header" xmlns="http://www.w3.org/1999/html">
    <div class="title">
        <i class="fa fa-bars"></i><span>普查分布图</span>
    </div>
</div>
<div class="single-panel">
    <form id="fwRadioForm" class="form-horizontal">
        <div class="form-group">
            <label class="col-md-3 control-label" for="circlefwNum">圈选房屋数</label>
            <div class="col-md-8">
                <input type="text" class="form-control" id="circlefwNum" name="circlefwNum" readonly/>
            </div>
        </div>
        <input type="radio" name ="rdCensusStatistics" id="r1" value="一"  checked>建造时间&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <input type="radio" name ="rdCensusStatistics" id="r2" value="二"  >人口或户数 </br>
        <input type="radio" name ="rdCensusStatistics" id="r3" value="三"  >结构类型&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <input type="radio" name ="rdCensusStatistics" id="r4" value="四"  >现抗震设防烈度 </br>
        <input type="radio" name ="rdCensusStatistics" id="r5" value="五"  >建筑用途&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <input type="radio" name ="rdCensusStatistics" id="r6" value="六"  >抗震设防初步结论 </br>
        <input type="radio" name ="rdCensusStatistics" id="r7" value="七"  >建筑层数（地上）
        </br>
        </br>

        </br>
        <div class="form-group" id ="circlepersonNumDiv">
            <label class="col-md-3 control-label" for="circlepersonNum" >人口总数</label>
            <div class="col-md-8">
                <input type="text" class="form-control" id="circlepersonNum" name="circlepersonNum" readonly/>
            </div>
        </div>
        <div class="form-group" id ="circlefwLayerNumDiv">
            <label class="col-md-3 control-label" for="circlefwLayerNum" >房屋总层数</label>
            <div class="col-md-8">
                <input type="text" class="form-control" id="circlefwLayerNum" name="circlefwLayerNum" readonly/>
            </div>
        </div>
        </br>
        <ul class="nav-map nav-tabs" id="myTab">

            <li style="width: 200px; text-align: center;" >
                <a href="#mapageBuildState" id="mapageBuildlab" role="tab" data-toggle="tab" ></a>
            </li>
            <li style="width: 200px; text-align: center;" >
                <a href="#mapstructTypeState" id="mapstructTypelab" role="tab" data-toggle="tab"></a>
            </li>
            <li style="width: 200px; text-align: center;" >
                <a href="#mappresonNumState" id="mappresonNumlab" role="tab" data-toggle="tab"></a>
            </li>
            <li style="width: 200px; text-align: center;">
                <a href="#mapearthquakeState" id="mapearthquakelab" role="tab" data-toggle="tab">抗震设防烈度占比统计</a>
            </li>
            <li style="width: 200px; text-align: center;">
                <a href="#mapearthquakeSituationState" id="mapearthquakeSituationlab" role="tab" data-toggle="tab">抗震设防情况统计</a>
            </li>
            <li style="width: 200px; text-align: center;">
                <a href="#mapHousepurposeState" id="mapHousepurposelab" role="tab" data-toggle="tab">抗震设防情况统计</a>
            </li>
        </ul>
        <div class="tab-pane fade" id="mapageBuildState" style="width: 100%;text-align: center;">
            <div id="mapageBuildings" style="display: inline-block;width: 85%; height: 600px; margin: 0 auto;"></div>
        </div>
        <div class="tab-pane fade" id="mapstructTypeState" style="width: 100%;text-align: center;">
            <div id="mapstructType" style="display: inline-block;width: 85%; height: 600px; margin: 0 auto;"></div>
        </div>
        <div class="tab-pane fade" id="mappresonNumState" style="width: 100%;text-align: center;">
            <div id="mappresonNum" style="display: inline-block;width: 85%; height: 600px; margin: 0 auto;"></div>
        </div>
        <div class="tab-pane fade" id="mapearthquakeState" style="width: 100%;text-align: center;">
            <div id="mapearthquake" style="display: inline-block;width: 85%; height: 600px; margin: 0 auto;"></div>
        </div>
        <div class="tab-pane fade" id="mapHousepurposeState" style="width: 100%;text-align: center;">
            <div id="mapHousepurpose" style="display: inline-block;width: 85%; height: 600px; margin: 0 auto;"></div>
        </div>
        <div class="tab-pane fade" id="mapearthquakeSituationState" style="width: 100%;text-align: center;">
            <div id="mapearthquakeSituation" style="display: inline-block;width: 85%; height: 600px; margin: 0 auto;"></div>
        </div>

    </form>
</div>




